<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
 <%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
<head>
    <title>login page</title>
    <link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />
	<link rel="stylesheet" href="css/login.css" />
	<style type="text/css">
		.errors {
			background-color: #FFCCCC;
			border: 1px solid #CC0000;
			width: 400px;
			margin-bottom: 8px;
		}
		
		.errors li {
			list-style: none;
		}
		
		.welcome {
			background-color: #DDFFDD;
			border: 1px solid #009900;
			width: 200px;
		}
		
		.welcome li {
			list-style: none;
}
</style>
	<script type="text/javascript"  src="js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <script type="text/javascript">
    /*$(document).bind("mobileinit", function() {
       
    });*/

    $(document).ready(function(){
    	 $.mobile.ajaxEnabled = false;
        });
    
    window.history.forward();
    function noBack(){window.history.forward();}

    </script>
    <script type="text/javascript" src="js/jquery.mobile-1.3.2.min.js"></script>
</head>
<body onload="noBack();" onpageshow="if (event.persisted) noBack();" onunload="">
	<div data-role="page" id="home">  
		<div data-position="fixed" data-role="header" data-theme="b"> 
			<h1>Login Page</h1>  
		</div>  
	<div align="center" data-role="content" id="contentConfirmation" name="contentConfirmation">  
		    
		
		<s:form id="HLogin" method="POST" action="login.action">  
			<s:if test="hasActionMessages()">
   			<div class="welcome">
      		<s:actionmessage/>
   			</div>
			</s:if>
			
			<s:if test="hasActionErrors()">
   				<div class="errors">
      				<s:actionerror/>
   				</div>
			</s:if>
			
			<div data-role="fieldcontain" id="usernameDiv" style="width:35%;">  
				<label for="username"><b>Username:</b></label>  
				<c:if test=""></c:if>
				<input class="required" name="uname" id="username" type="text" value="" placeholder="Username" required/>            
			</div> 
			<br/>
			<div data-role="fieldcontain" id="passwordDiv" style="width:35%;">  
				<label for="password"><b>Password:</b></label>  
				<input id="password" name="upass" type="password" value="" placeholder="password" required/>            
			</div>  
			
			<br/>	
					<div id="loginButton" style="width: 35%">  
						<button data-theme="b" type="submit">Login</button>  
						
					</div>  
					<br/>
					
					<div id="resetButton" style="width: 35%">  
						<button  data-theme="a" type="reset">Reset</button>  
					</div>  
				
			
		</s:form>  
		<form action="forgotpasslink">
		<a href="forgotpasslink">Forgot Password |</a>
		</form>
	</div>  
	</div>  
</body>
</html>